<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>教务系统登录</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" type="text/css" href="Bootstrap/css/demo.css" />
<link rel="stylesheet" type="text/css" href="Bootstrap/css/style.css" />
<link rel="stylesheet" type="text/css" href="Bootstrap/css/animate-custom.css" />

<style type="text/css">
	td div span{
		color: red;
	}
</style>
<script type="text/javascript">
	var isPASS = false;

	function checkID() {
		var txtID = document.getElementById("useId").value;
		var showID = document.getElementById("showID"); //信息提示框

		if (txtID == null || txtID == "") {
			//验证不通过
			showID.innerHTML = "请输入用户id！";
			//document.getElementById("txtNamee").focus();//？？
			return false;
		} else {
			//验证通过，清空提示内容
			showID.innerHTML = "";
			return true;
		}
	}

	function checkPSW() {
        var txtPSW = document.getElementById("usePsw").value;
		var showPSW = document.getElementById("showPSW"); //信息提示框

		if (txtPSW == null || txtPSW == "") {
			showPSW.innerHTML = "请输入密码！";
			return false;
		} else {
			showPSW.innerHTML = "";
			return true;
		}
	}
	
	function checkMM(){
		var ID=checkID();
		var PSW=checkPSW();
		if(ID&&PSW){
			return true;
		}else{
			return false;
		}
	}
</script>

</head>
<body>
	<div class="container">
		<!--表头-->
		<header>
			<h1 align="center">教务系统登录界面</h1>
			<!-- <nav class="codrops-demos">
				<span>点击<strong>"Join us"</strong>查看表单开关
				</span>
			</nav> -->
		</header>
		
		<section>
			<div id="container_demo">
				<a class="hiddenanchor" id="toregister"></a> 
				<a class="hiddenanchor" id="tologin"></a>
				<div id="wrapper" align="center">
				
				    <!-- 登录界面 -->
					<div id="login" class="animate form">
						<form action="LoginServlet" autocomplete="on">
							<h1 ><font color="green" size="3">用户登录</font></h1>
							<p>
								<label for="username" class="uname" data-icon="u">用户名</label> 
								<input id="usernamee" name="username" required="required" type="text" placeholder="请输入手机号或邮箱" />
							</p>
							<p>
								<label for="password" class="youpasswd" data-icon="p">密      码</label>
							    <input id="passwordd" name="password" required="required" type="password" placeholder="123" />
							</p>
							<p class="keeplogin">
								<input type="checkbox" name="loginkeeping" id="loginkeepingg" value="loginkeeping" /> 
								<label for="loginkeeping">Keep me logged in</label>
							</p>
							<p class="login button">
								<input type="submit" value="登录" />
							</p>
							<p class="change_link">
							           没有账号？请前往<a href="#toregister" class="to_register">注册</a>
							</p>
						</form>
					</div>

				    <!-- 注册界面 -->
					<div id="register" class="animate form">
						<form action="#" autocomplete="on">
							<h1><font color="green" size="3">注册</font></h1>
							<p>
								<label for="usernamesignup" class="uname" data-icon="u">用户名</label> 
								<input id="usernamesignup" name="usernamesignup" required="required" type="text" placeholder="name123" />
							</p>
							<p>
								<label for="emailsignup" class="youmail" data-icon="e">邮箱</label> 
								<input id="emailsignupp" name="emailsignup" required="required" type="email" placeholder="mymail@mail.com" />
							</p>
							<p>
								<label for="passwordsignup" class="youpasswd" data-icon="p">密码</label> 
								<input id="passwordsignupp" name="passwordsignup" required="required" type="password" placeholder="123" />
							</p>
							<p>
								<label for="passwordsignup_confirm" class="youpasswd" data-icon="p">请确认密码</label> 
								<input id="passwordsignup_confirmm" name="passwordsignup_confirm" required="required" type="password" placeholder="123" />
							</p>
							<p class="signin button">
								<input type="submit" value="注册" />
							</p>
							<p class="change_link">
								已有账号？请前往<a href="#tologin" class="to_register">登录</a>
							</p>
						</form>
					</div>

				</div>
			</div>
		</section>
	</div>
</body>
</html>